[inject head.xd]
[style
  [rule .quote;
    [: border; 2px solid #444]
    [: padding; 0.5rem]
    [: margin-top; 0.5rem]
    [: display; flex]
    [: flex-direction; column]
  ]
  [rule #quote;
    [: row-gap; .3rem]
  ]
]
{people_names_datalist}
[p Z bezpečnostních důvodů je k úpravě hlášek potřeba klíč. Chcete-li možnost upravovat hlášky, které jste zapsali, napište mi.]
[p Pro smazání napište do pole Text znak „-“.]
[<form> #quote; .quote; action="./"; method="POST";
  [<div> .labeled-input;
    [<label> for="edit-key"; Váš klíč]
    [<input> #edit-key; name="edit-key"; type="password"]
  ]
  [<input> name="edited-quote-id"; type="hidden"; value="{id}"]
  [<div> .labeled-input;
    [<label> for="quote-author"; Autor]
    [<input> #quote-author; name="edited-quote-author"; type="text"; list="people-names"; autocomplete="off"; placeholder="Příjmení Jméno"; value="{author}"]
  ]
  [labeled-textarea Text; edited-quote-text; text; {text}]
  [labeled-textarea Kontext; edited-quote-context; context; {context}]
  [<div> .labeled-input;
    [<label> for="quote-writer"; Vaše jméno]
    [<input> #quote-writer; name="edited-quote-writer"; type="text"; list="people-names"; autocomplete="off"; placeholder="Příjmení Jméno"; value="{writer}"]
  ]
  [<details>
    [<summary> Další možnosti]
    [labeled-textarea Text (překlad do angličtiny); edited-quote-text-en; text; {text_en}]
    [labeled-textarea Kontext (překlad do angličtiny); edited-quote-context-en; context; {context_en}]
  ]
  [<button> type="submit"; Upravit]
]
